<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jq页面</title>
</head>
<body>
<input type="text">
<div>吃饭</div>
<div>睡觉</div>
<div>打豆豆</div>
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script>
    //let i = document.querySelector("input");
    //i.value="内容被修改了"
    //找到文本框,修改值的内容
    $("input").val("内容被修改了");
    //通过jQuery提供的选择器找到div元素
    $("div:first").text("找到了1");
    $("div:eq(1)").text("找到了2");
    $("div:last").text("找到了3");

    //弹出获取到的文本框的值
    //alert($("input").val())
    //弹出最后一个div的文本内容
    //alert($("div:last").text())
    //创建h1添加到页面当中
    let h = $("<h1>我是h1</h1>");
    //找到页面中的body标签  把创建的h1添加到body里面
    $("body").append(h);

    //修改所有的div的字体颜色为红色
    $("div").css("color","red");
    //得到样式的值
    console.log($("div").css("color"));

</script>
</body>
</html>